<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Bootstrap Admin App + jQuery">
		<meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
		<title>费用明细</title>
		<!-- =============== VENDOR STYLES ===============-->
		<!-- FONT AWESOME-->
		<link rel="stylesheet" type="text/css" href="css/fontawesome/css/font-awesome.min.css">
		<!-- SIMPLE LINE ICONS-->
		<link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
		<!-- ANIMATE.CSS-->
		<link rel="stylesheet" href="css/animate.css/animate.min.css">
		<!-- WHIRL (spinners)-->
		<link rel="stylesheet" href="css/whirl/dist/whirl.css">
		<!-- =============== PAGE VENDOR STYLES ===============-->
		<!-- DATATABLES-->
		<link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">
		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<!--<link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->
		<!-- =============== BOOTSTRAP STYLES ===============-->
		<link rel="stylesheet" href="css/bootstrap.css" id="bscss">
		<!-- layer CSS -->
		<link rel="stylesheet" type="text/css" href="js/layer/skin/layer.css">
		<link rel="stylesheet" type="text/css" href="js/layer/skin/layer.ext.css">
		<!-- =============== APP STYLES ===============-->
		<link rel="stylesheet" href="css/app.css" id="maincss">
		<link rel="stylesheet" href="css/myself.css" id="myself">
	</head>

	<body>
		<div class="wrapper">
			<!--header start-->
			<script type="text/javascript" src="header.html"></script>
			<!--header end-->
			<!-- sidebar-->
			<script type="text/javascript" src="left_sidebar.html"></script>
			<!-- offsidebar-->
			<!-- Main section-->
			<section>
				<div class="content-wrapper">
					<h3 class="dogo-css-h3">费用明细</h3>
					<div class="row">
						<div class="col-lg-12">
							<div class="panel panel-body panel-default">
								<div class="panel-body">
									<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">姓名</label>
										<div class="col-lg-8">
											<input type="text" id="deadNameSelect" class="form-control">
										</div>
									</div>
									<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">单位</label>
										<div class="col-lg-8">
											<input type="text" id="deadCardNoSelect" class="form-control">
										</div>
									</div>
									<div class="pull-right">
										<span class="dogo-css-checkBtn1" onclick="search()"><img src="img/search.png">查询</span>
										<span class="dogo-css-checkBtn1" onclick="showAddModal()"><img src="img/add.png">添加</span>
									</div>
								</div>
								<div class="table-responsive1">
									<table id="information" class="display" cellspacing="0" width="100%">
										<thead class="dogo-css-thead"></thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!--修改/添加modal-->
		<div class="modal fade" id="edit-modal" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
			<div class="modal-dialog dogo-css-modialog" role="document">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<span class="modal-title dogo-css-motitle" id="modal-label">修改信息登记</span>
					</div>
					<div class="modal-body">
						<table class="dogo-css-retablebox" border="1" bordercolor="#a0bcc5" width="570" cellspacing="0" cellpadding="5" id="editForm">
							<tr>
								<td colspan="8">逝者信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">姓名</td>
								<td colspan="2" class="dogo-css-retd">
									<input type="hidden" class="form-control" id="baseId" name="baseId">
									<input class="dogo-css-reinput" type="text" id="deadName" name="deadName" />
								</td>
								<td class="dogo-css-retable">单位</td>
								<td colspan="2" class="dogo-css-retd">
									<select name="deadSex" class="dogo-css-control m-b">
								</td>
								<td colspan="2" rowspan="4" style="width: 23%;"></td>
							</tr>
							<tr>
								<td class="dogo-css-retable">价格</td>
								<td colspan="5">
									<input class="dogo-css-reinput" type="text"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">short</td>
								<td colspan="5">
									<input class="dogo-css-reinput" type="text"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">国籍</td>
								<td colspan="2" class="dogo-css-retd">
									<input class="dogo-css-reinput" type="text"/>
								</td>
								<td class="dogo-css-retable">民族</td>
								<td colspan="2" class="dogo-css-retd">
									<select name="account" class="dogo-css-control m-b">
										<option value="汉族">汉族</option>
										<option value="壮族">壮族</option>
									</select>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">家庭住址</td>
								<td colspan="7">				
									<select name="account" class="dogo-css-control m-b dogo-css-reselect">
										<option value="">xxx乡</option>
										<option value="">xxx乡</option>
									</select>
									<select name="account" class="dogo-css-control m-b dogo-css-reselect">
										<option value="">xxx村</option>
										<option value="">xxx村</option>
									</select>
									<input class="dogo-css-reinput1" type="text"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">死亡时间</td>
								<td colspan="2" class="dogo-css-retd">
									<input class="dogo-css-reinput" type="text"/>
								</td>
								<td class="dogo-css-retable">死亡原因</td>
								<td colspan="3">
									<input class="dogo-css-reinput" type="text"/>
								</td>
							</tr>
						<!--	<tr>
								<td class="dogo-css-retable">火化时间</td>
								<td colspan="2" class="dogo-css-retd">
									<input class="dogo-css-reinput" type="text"/>
								</td>
								<td colspan="5"></td>
							</tr>-->
							<tr>
								<td class="dogo-css-retable">希望安葬地</td>
								<td colspan="8" class="dogo-css-retxt">
									<select name="account" class="dogo-css-control m-b" >
										<option value="1">1</option>
										<option value="2">2</option>
									</select>
								</td>
							</tr>
							<!--<tr>
								<td class="dogo-css-retable">安葬方式</td>
								<td colspan="8">
									<select name="account" class="form-control m-b">
										<option value="初葬">初葬</option>
										<option value="合葬">合葬</option>
									</select>
								</td>
							</tr>-->
							<tr>
								<td colspan="8">逝者亲属信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">姓名</td>
								<td colspan="2">
									<input class="dogo-css-reinput" type="text"/>
								</td>
								<td class="dogo-css-retable1">与逝者关系</td>
								<td colspan="4">
									<input class="dogo-css-reinput" type="text"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">联系电话</td>
								<td colspan="2">
									<input class="dogo-css-reinput" type="text"/>
								</td>
								<td class="dogo-css-retable1">身份证号</td>
								<td colspan="6">
									<input class="dogo-css-reinput" type="text"/>
								</td>
							</tr>
						</table>
						<!--<form class="form-horizontal form-stripe" id="editForm">
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">登记名称</label>
								<div class="col-sm-6">
									<input type="hidden" class="form-control" id="dustId" name="dustId">
									<input type="text" class="form-control" id="dustName" name="dustName" maxlength="20">
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">登记说明</label>
								<div class="col-sm-6">
									<textarea class="form-control" rows="4" cols="38" id="dustRemark" name="dustRemark" placeholder="请在这里输入文本" maxlength="100"></textarea>
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">登记负责人</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="dustPersionName" name="dustPersionName" maxlength="10">
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">联系电话</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="dustPersionPhone" name="dustPersionPhone">
								</div>

							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">所属区域</label>
								<div class="col-sm-6">
									<select id="dustRegionId" class="selected" name="dustRegionId"></select>
								</div>

							</div>

						</form>-->
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal" id="saveProjectInfo">确定</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>
		<!--search-->
		<div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
			<div class="modal-dialog dogo-css-modialog" role="document">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<span class="modal-title dogo-css-motitle" id="info-modal-label">登记详情展示</span>
					</div>
					<div class="modal-body">
						<table class="dogo-css-retablebox" border="1" bordercolor="#a0bcc5" width="570" cellspacing="0" cellpadding="5">
							<tr>
								<td colspan="8">逝者信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">姓名</td>
								<td colspan="2" class="dogo-css-retd">
									<span id="infoDustName"></span>
								</td>
								<td class="dogo-css-retable">性别</td>
								<td colspan="2" class="dogo-css-retd">
									<span></span>
								</td>
								<td colspan="2" rowspan="4" style="width: 20%;"></td>
							</tr>
							<tr>
								<td class="dogo-css-retable">出生日期</td>
								<td colspan="5">
									<span></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">身份证号</td>
								<td colspan="5">
									<span></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">国籍</td>
								<td colspan="2" class="dogo-css-retd">
									<span></span>
								</td>
								<td class="dogo-css-retable">民族</td>
								<td colspan="2" class="dogo-css-retd">
									<span></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">家庭住址</td>
								<td colspan="7">
									<span></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">死亡时间</td>
								<td colspan="2" class="dogo-css-retd">
									<span></span>
								</td>
								<td class="dogo-css-retable">死亡原因</td>
								<td colspan="3"></td>
							</tr>
							<tr>
								<td class="dogo-css-retable">希望安葬地</td>
								<td colspan="8" class="dogo-css-retxt">
									<span></span>
								</td>
							</tr>
							<!--<tr>
								<td class="dogo-css-retable">安葬方式</td>
								<td colspan="8">
									<span></span>
								</td>
							</tr>-->
							<tr>
								<td colspan="8">逝者亲属信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">姓名</td>
								<td colspan="2">
									<span></span>
								</td>
								<td class="dogo-css-retable1">与逝者关系</td>							
								<td colspan="4">
									<span></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">联系电话</td>
								<td colspan="2">
									<span></span>
								</td>
								<td class="dogo-css-retable">身份证号</td>
								<td colspan="4">
									<span></span>
								</td>
							</tr>
						</table>
						<!--<form class="form-horizontal form-stripe">
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">登记名称</label>
								<div class="col-sm-9">
									<span id="infoDustName"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">登记说明</label>
								<div class="col-sm-9">
									<span id="infoDustRemark"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">登记负责人</label>
								<div class="col-sm-9">
									<span id="infoDustPersionName "></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">联系电话</label>
								<div class="col-sm-9">
									<span id="infoDustPersionPhone"></span>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">所属区域</label>
								<div class="col-sm-9">
									<span id="infoAreaName"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">墓穴数</label>
								<div class="col-sm-9">
									<span id="infoDustGraveCount"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">已安葬数</label>
								<div class="col-sm-9">
									<span id="infoDustOkGraveCount"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">空墓穴数</label>
								<div class="col-sm-9">
									<span id="infoDustNoGraveCount"></span>
								</div>
							</div>
						</form>			-->				
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>	
				</div>
			</div>
		</div>
		<!-- JQUERY-->
		<script src="js/jquery/dist/jquery.js"></script>
		<!-- BOOTSTRAP-->
		<script src="js/bootstrap/dist/js/bootstrap.js"></script>
		<!-- STORAGE API-->
		<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
		<!-- lay API-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/layer/extend/layer.ext.js"></script>
		<!-- DATATABLES-->
		<script src="js/jquery.dataTables.min.js"></script>
		<!-- =============== APP SCRIPTS ===============-->
		<script src="js/app.js"></script>
		<script src="js/myself.js"></script>
		<script src="js/project/common.js"></script>
		<script src="js/project/register.js"></script>
	</body>

</html>